<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lexicon Info Systems</title>
<meta name="keywords" content="aquatic theme, contact form, free templates, CSS, HTML" />
<meta name="description" content="Aquatic Theme, Contact Form, free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
    
</head>
<body>

<div id="templatemo_wrapper">

	<div id="templatemo_header">
        
        <div id="site_title"><img src="images/logo.png"/></div>
        
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About</a>
               </li>
                <li><a href="portfolio.html">Portfolio</a>
                    <ul>
                    	<li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                        <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                        <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                    </ul>
                </li>
                <li><a href="services.html">Services</a>
                    <ul>
                    	<li><a href="#">Software Consultancy</a></li>
                        <li><a href="#">Bespoke Solutions</a></li>
                        <li><a href="#">Product Development</a></li>
                    </ul>
                </li>
                <li><a href="contact.html" class="selected">Contact Us</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of templatemo_menu -->
        <div class="cleaner"></div>
    </div> <!-- end of templatemo header -->
    
    <div id="templatemo_middle">
		<div id="mid_title">
                Pellentesque Nec Blandit Massa
        </div>
        <p>Duis semper vulputate justo, sed congue massa sagittis in. Nam ut urna libero. Ut elementum quam a elit eleifend blandit. Duis mi augue, volutpat et lacinia eu, egestas id justo. Sed dignissim mattis sem a blandit.</p>
        
        <div id="learn_more"><a href="#">Learn More</a></div>
        <div class="cleaner"></div>
	</div> <!-- end of middle -->
    
    <div id="templatemo_main">
    
    	<div class="col_w580 float_l">
        
        	<h2>Contact Information</h2>
            <p>In ac libero urna. Suspendisse sed odio ut mi auctor blandit. Duis luctus nulla metus, a vulputate mauris. Integer sed nisi sapien, ut gravida mauris. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna auctor. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
            
            <div class="cleaner h30"></div>
            
            <div class="col_w280 float_l">
            	<h4>Location One</h4>
                220-330 Phasellus id neque lectus, <br />
            	Etiam condimentum sodales, 15640<br />
            	Diam a mollis tempor<br /><br />
            
				<strong>Phone:</strong> 010-040-1040<br />
            	<strong>Email:</strong> <a href="mailto:info@yoursite.com">info@yoursite.com</a><br />
            </div>
            
            <div class="col_w280 float_r">
            	<h4>Location Two</h4>
                660-770 Phasellus vitae erat, <br />
            	Nulla quis ipsum dui, 14830<br />
            	Suspendisse volutpat est<br /><br />
            
				<strong>Phone:</strong> 020-030-3020<br />
            	<strong>Email:</strong> <a href="mailto:info@yoursite.com">info@yoursite.com</a><br />
            </div>
            
            <div class="cleaner h30"></div>
            
            <h3> Contact Form</h3>
            
            <div id="contact_form">
                <form method="post" name="contact" action="#">
                        
                        <label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
                        <div class="cleaner h10"></div>
                        <label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
                        <div class="cleaner h10"></div>
                        
						<label for="subject">Subject:</label> <input type="text" name="subject" id="subject" class="input_field" />

						<div class="cleaner h10"></div>
        
                        <label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
                        <div class="cleaner h10"></div>
                        
                        <input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
						<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
                        
            	</form>
            </div>
        
        </div>
            
        <div class="col_w280 float_r">
         	<h2>Latest Updates</h2>
            
            <div class="news_box">
            	<div class="date">October 28, 2048</div>
                <h6><a href="#">Suspendisse sed odio ut mi auctor</a></h6>
                Sed fermentum arcu in enim euismod quis lobortis lorem fermentum. Maecenas sodales suscipit enim sit amet aliquam.
			</div>
            
            <div class="news_box">
            	<div class="date">October 26, 2048</div>
                <h6><a href="#">Donec massa blandit consequat eu</a></h6>
                Aenean sodales, nunc venenatis placerat sagittis, velit nulla bibendum augue, sed pharetra augue elementum magna.
			</div>
            
            <div class="news_box">
				<div class="date">October 22, 2048</div>
                <h6><a href="#">Phasellus sit amet orci tellus</a></h6>
                Fusce nec felis id lacus. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio.
            </div>
        </div>   
    	
    	<div class="cleaner"></div>
    </div> <!-- end of main -->

</div> <!-- wrapper -->

<div id="templatemo_footer_wrapper">

	<div id="templatemo_footer">
    	Copyright © 2013-2014 <a href="#">Lexcion Info Systems</a> | Designed by Lexcion Info Systems
        <div class="cleaner"></div>
	</div>
    
</div>

</body>
</html>